<ion-header *ngIf="!isFromMainPage">
  <ion-navbar no-border-bottom>
    <ion-title>风控首页</ion-title>
  </ion-navbar>
</ion-header>
<ion-content>
  <ion-card>
    <ion-card-header class="Title">
      <span>01</span>BCW预警消息按规则级别统计
    </ion-card-header>
    <ion-list>
      <ion-item class="countType">
        <ion-label>
          统计方式
        </ion-label>
        <ion-select okText="完成" cancelText="取消" [(ngModel)]="l_days.level" (ionChange)="initGridView('level')">
          <ion-option value="today">今日</ion-option>
          <ion-option value="week">最近一周</ion-option>
          <ion-option value="month">最近一月</ion-option>
          <ion-option value="year">最近一年</ion-option>
        </ion-select>
      </ion-item>
    </ion-list>
      <ion-item-divider class='list-no-more-tips' color="light"
                        [hidden]="!noMoreData.level">暂无更多数据...
      </ion-item-divider>
      <ion-item [hidden]="dataList.level.datas.length <= 0">
        <p class="description" [innerHTML]="dataList.level.title"></p>
      </ion-item>
      <div class="BcwGrid_Level" [hidden]="dataList.level.datas.length <= 0" style="height: 20rem;"></div>
  </ion-card>

  <ion-card>
    <ion-card-header class="Title">
      <span>02</span>BCW预警消息按基金统计
    </ion-card-header>
    <ion-list>
      <ion-item class="countType">
        <ion-label>
          统计方式
        </ion-label>
        <ion-select okText="完成" cancelText="取消" [(ngModel)]="l_days.fund"
                    (ionChange)="initGridView('fund')">
          <ion-option value="today">今日</ion-option>
          <ion-option value="week">本周</ion-option>
          <ion-option value="month">本月</ion-option>
          <ion-option value="year">最近一年</ion-option>
        </ion-select>
      </ion-item>
      <ion-item class="countType">
        <ion-label>
          规则级别
        </ion-label>
        <ion-select okText="完成" cancelText="取消" [(ngModel)]="ruleLevel.fund"
                    (ionChange)="initGridView('fund')">
          <ion-option value="1">1 普通</ion-option>
          <ion-option value="2">2 一般</ion-option>
          <ion-option value="3">3 较急</ion-option>
          <ion-option value="4">4 紧急</ion-option>
          <ion-option value="5">5 特急</ion-option>
        </ion-select>
      </ion-item>
    </ion-list>

    <ion-item-divider class='list-no-more-tips' color="light"
                      [hidden]="!noMoreData.fund">暂无更多数据...
    </ion-item-divider>
    <ion-item [hidden]="dataList.fund.datas.length <= 0">
      <p class="description" [innerHTML]="dataList.fund.title"></p>
    </ion-item>
    <div class="BcwGrid_Fund" [hidden]="dataList.fund.datas.length <= 0"></div>

  </ion-card>

  <ion-card>
    <ion-card-header class="Title">
      <span>03</span>BCW预警消息按照规则数量统计
    </ion-card-header>
    <ion-list>
      <ion-item class="countType">
        <ion-label>
          统计方式
        </ion-label>
        <ion-select okText="完成" cancelText="取消" [(ngModel)]="l_days.rule"
                    (ionChange)="initGridView('rule')">
          <ion-option value="today">今日</ion-option>
          <ion-option value="week">本周</ion-option>
          <ion-option value="month">本月</ion-option>
          <ion-option value="year">最近一年</ion-option>
        </ion-select>
      </ion-item>
      <ion-item class="countType">
        <ion-label>
          规则级别
        </ion-label>
        <ion-select okText="完成" cancelText="取消" [(ngModel)]="ruleLevel.rule"
                    (ionChange)="initGridView('rule')">
          <ion-option value="1">1 普通</ion-option>
          <ion-option value="2">2 一般</ion-option>
          <ion-option value="3">3 较急</ion-option>
          <ion-option value="4">4 紧急</ion-option>
          <ion-option value="5">5 特急</ion-option>
        </ion-select>
      </ion-item>
    </ion-list>
    <ion-item-divider class='list-no-more-tips' color="light"
                      [hidden]="!noMoreData.rule">暂无更多数据...
    </ion-item-divider>
    <ion-item [hidden]="dataList.rule.datas.length <= 0">
      <p class="description" [innerHTML]="dataList.rule.title"></p>
    </ion-item>
    <div class="BcwGrid_Rule" [hidden]="dataList.rule.datas.length <= 0"></div>
  </ion-card>

  <ion-card>
    <ion-card-header class="Title">
      <span>04</span>BCW月度预警消息统计（最近半年）
    </ion-card-header>

    <ion-item-divider class='list-no-more-tips' color="light"
                      [hidden]="!noMoreData.month">暂无更多数据...
    </ion-item-divider>

    <ion-item [hidden]="dataList.month.monthDatas.length <= 0">
      <p class="description" [innerHTML]="dataList.month.title_month"></p>
    </ion-item>
    <div class="BcwGrid_month" [hidden]="dataList.month.monthDatas.length <= 0"></div>

    <ion-item [hidden]="dataList.month.monthDatas.length <= 0">
      <p class="description" [innerHTML]="dataList.month.title_daily"></p>
    </ion-item>
    <div class="BcwGrid_daily" [hidden]="dataList.month.dailyDatas.length <= 0"></div>
  </ion-card>

</ion-content>
